<template>
    <div class="addCoupons">
      <div class="title">
        <div class="back-wrapper">
          <back></back>
        </div>
        添加优惠券
      </div>
      <div class="ipt-wrapper">
        <input type="text" class="ipt" placeholder="请输入优惠码/兑换券">
      </div>
      <div class="btn-wrapper">
        <button class="smt">确定</button>
      </div>
    </div>
</template>

<script>
  import back from '../../../components/back/back'
    export default {
        name: "addCoupons",
        components:{
          'back':back
        }
    }
</script>

<style scoped lang="stylus">
  .addCoupons
    position absolute
    height 100%
    width 100%
    background #101011
    user-select none
    .title
      position relative
      padding 10px 0
      height 22px
      line-height 22px
      text-align center
      font-size 16px
      color #ffffff
      .back-wrapper
        position absolute
        left 0
        top 10px
        width 36px
        height 22px
    .ipt-wrapper
      font-size 0
      height 56px
      margin 43px 10px 0 10px
      background #212122
      color #ffffff
      .ipt
        height 100%
        width calc(100% - 20px)
        background none
        border none
        outline none
        font-size 14px
        padding 0 10px
        color #ffffff
    .btn-wrapper
      height 44px
      padding 20px 10px
      .smt
        width 100%
        height 100%
        background #F7C20F
        color #161719
        border none
        font-size 16px
        border-radius 4px
        &:active
          background #ebb90e
</style>
